<template>
  <div class="header_margin-top">
    <Header/>
    <div class="public-title clearfix pos-rel con-width-1200">
      <h2 class="pos-rel cooperation">China merchants cooperation</h2>
      <h1 class="pos-abs">招商合作</h1>
      <h3 class="pos-abs">去哪里练瑜伽和练什么不重要，重要的是随时可以练瑜伽</h3>
      <div class="catage clearfix pos-abs">您所有在位置：首页 > 招商合作 > 列表</div>
    </div>
    <div class="commen">
      <div class="jlbbox">
        <div class="jlb1">
          <span class="jlb1-span">完美是一种态度，优雅是一种生活，宽容是一种心态，爱是一种传递，美丽人生从瑜伽开始</span>
          <p>京瑜伽，成立于2014年，是一家秉承专业于形，专注于心，以重塑精致自我为主张的大型专业瑜伽馆。用专业帮助更多人走进瑜伽的世界，开启全新的自我。</p>
          <br>
          <p>我试图以疼对抗衰落，以诗对抗平庸，以水的冥想对抗火的浮躁，在瑜伽里寻找永恒的青春。</p>
          <br>
          <p>我们的目标是把忠实瑜伽习练的群体发扬光大，好让每个热爱个人修炼、乐于分享所学瑜伽知识、技巧的人士，得以发展成为瑜。</p>
          <br>
          <p>京瑜伽俱乐部，在这里，享受轻松、愉快、有交流、被呵护的体验。</p>
        </div>
        <ul class="jlb2ul">
          <li>
            <span>2014</span>
            <p>2014年成立</p>
            <p>大型专业瑜伽馆</p>
          </li>
          <li>
            <span>88%</span>
            <p>孕妈会员的自然分娩率高达88%</p>
            <p>
              <br>
            </p>
          </li>
          <li class="mt">
            <span>90%</span>
            <p>母乳喂养成功率达到92%</p>
            <p>会员中无一例发生孕期抑郁</p>
          </li>
          <li class="mt">
            <span>10+</span>
            <p>全国十多家直营和加盟中心</p>
            <p></p>
          </li>
          <div class="clearfix"></div>
        </ul>
        <div class="clearfix"></div>
      </div>
    </div>
    <div class="qjbox">
      <div class="commen">
        <div class="qjbt">
          <p>瑜伽行业市场前景</p>
        </div>
        <ul class="qjul d-top">
          <li>
            <div class="t101box">
              <div class="t101box1">
                <div class="tu101">
                  <img src="http://s1.sinaimg.cn/orignal/006hT9IZzy7byECfrMY30" alt>
                </div>
                <div class="tu101bt">
                  <p>蓝海行业里的准刚需</p>
                </div>
                <div class="tu101wz">
                  <p>现今社会，快节奏的生活，巨大的工作压力，令许多现代人都处于亚健康状态，人们逐渐认识到身心健康的重要性...</p>
                </div>
              </div>
              <div class="t101box2">
                <p>
                  <span>蓝海行业里的准刚需</span>
                </p>
                <p>
                  <br>
                </p>
                <br>
                <p>
                  现今社会，快节奏的生活，巨大的工作压力，令许多现代人都处于亚健康状态，人们逐渐认识到身心健康的重要性。而瑜伽作为全球最为流行的健身运动，正是由于它对身心健康的双重调节而被人们推崇倍至，吸引了越来越多的人加入到瑜伽练习的行列中来。
                </p>
              </div>
            </div>
          </li>
          <li>
            <div class="t101box">
              <div class="t101box1">
                <div class="tu101">
                  <img src="http://jr.dahe.cn/d/file/lc-75/2013-12-05/85e1321c7b1412a066aa66f95b25ca7d.jpg" alt>
                </div>
                <div class="tu101bt">
                  <p>定位新中产的轻奢服务</p>
                </div>
                <div class="tu101wz">
                  <p>尽管瑜伽很早就传入了中国，但由于多种原因，对其研究和习练者并不多。直到近年来，健康消费的扩大和结构的提升，才推动了瑜伽的快速传播和发展，瑜伽用户的新生力量持续出现......</p>
                </div>
              </div>
              <div class="t101box2">
                <p>
                  <span>定位新中产的轻奢服务</span>
                </p>
                <p>
                  <br>
                </p>
                <br>
                <p>
                  进入21世纪，中国依然成为全世界第二大经济体，各行各业发展迅速，从而衍生出大量的中产阶级。这类人群消费能力强，受教育度高，消费意识前卫，在健身方面的各类求巨大。我们自己会员的用户画像：
                  工作：银行、医院、政府单位、高级白领、家里有企业等。
                  学历：一般本科、研究生、或者出国留学归来。
                  年龄：90后为主。
                  消费：愿意为品质买单。
                </p>
              </div>
            </div>
          </li>
          <li>
            <div class="t101box">
              <div class="t101box1">
                <div class="tu101">
                  <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557588994658&di=1e9c2a91fc53c2de18cb22102c21677b&imgtype=0&src=http%3A%2F%2Fmmbiz.qpic.cn%2Fmmbiz_jpg%2Fe4yJ2sUhIKqGvial3KficOoeWynkiatgmG9HsoqS62Vk9IwU2Oj1VZpnsvicyosqgfibx1DTfuEPOuD9GaxsTZhb0Og%2F640%3Fwx_fmt%3Djpeg" alt>
                </div>
                <div class="tu101bt">
                  <p>多段消费的产品设计</p>
                </div>
                <div class="tu101wz">
                  <p>目标顾客从怀孕直到孩子早教期间，会经历十几个消费节点，按照整个链条的前后顺序大致为：孕教、孕妇照、生产医院、月嫂、育婴师、产后恢复、婴儿游泳、小儿推拿......</p>
                </div>
              </div>
              <div class="t101box2">
                <p>
                  <span>多段消费的产品设计</span>
                </p>
                <p>
                  <br>
                </p>
                <br>
                <p>
                  中高端孕妈妈从怀孕直到孩子早教期间，会经历十几个消费节点，按照整个链条的前后顺序大致为：孕教、孕妇照、生产医院、母婴店、月子会所、月嫂、育婴师、产后恢复、婴儿游泳、小儿推拿、奶粉、尿不湿、儿童摄影、早教等等，每个节点对孕妈群体都十分渴求。
                  孕教这行属于整个孕婴童的前段，拥有大量优质孕妈会员，发展下游产业前景巨大，在任一节点上开设子品牌，成功几率非常高。下游各机构为从孕教行业争取高质量孕妈，会以返点的形式参与合作，这种合作方式同样产生巨大的利润空间。
                </p>
              </div>
            </div>
          </li>
          <div class="clearfix"></div>
        </ul>
      </div>
    </div>
    <div class="commen">
      <div class="fourbt">
        <p>加盟京瑜伽4大优势</p>
      </div>
      <ul class="fourul">
        <li class="d-top">
          <div class="t102">
            <img src="../assets/images/102-1.png" alt>
          </div>
          <div class="t102wz">
            <span class="t102span">连锁品牌保证</span>
            <p>一线城市坐拥数量巨大高端人群，互联网+传统瑜伽，未来三年内发展成千城万店。</p>
          </div>
        </li>
        <li class="d-top">
          <div class="t102">
            <img src="../assets/images/102-2.png" alt>
          </div>
          <div class="t102wz">
            <span class="t102span">技术整店输出更省心</span>
            <p>除了房租和装修费用，其余师资培训、运营培训、教具等等由总部承担，以整店输出的形式更有保障</p>
          </div>
        </li>
        <li class="d-top">
          <div class="t102">
            <img src="../assets/images/102-3.png" alt>
          </div>
          <div class="t102wz">
            <span class="t102span">1+N投资模式</span>
            <p>前期以一家门店为基础，向区域周边灵活扩散，形成以点带面的区域覆盖，让开店更简单。</p>
          </div>
        </li>
        <li class="d-top">
          <div class="t102">
            <img src="../assets/images/102-4.png" alt>
          </div>
          <div class="t102wz">
            <span class="t102span">半直营模式更有保障</span>
            <p>我们在乎加盟数量，更在乎加盟商的输赢，不定期巡视现场解决伙伴经营中的问题，保障每个伙伴都会走路更要走得快。</p>
          </div>
        </li>
        <div class="clearfix"></div>
      </ul>
    </div>
    <div class="jkbox">
      <div class="commen">
        <div class="jkbt">
          <p>京瑜伽课程</p>
        </div>
        <ul class="jmkcul">
          <li class="d-top">
            <div class="jmkcbox">
              <div class="jmkctu">
                <a href>
                  <img src="https://gss3.bdstatic.com/-Po3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike92%2C5%2C5%2C92%2C30/sign=34a6d8d4761ed21b6dc426b7cc07b6a1/42166d224f4a20a4f51175e19b529822720ed08d.jpg" alt>
                </a>
              </div>
              <div class="jmkcbt">
                <a href>理疗瑜伽</a>
              </div>
            </div>
            <!-- <div class="kcjs">
              <p>产前垫上运动：</p>
              <p>孕妇瑜伽 | 分娩球操 | 孕期保健操</p>
              <p>孕期舞韵</p>
            </div> -->
          </li>
          <li class="d-top">
            <div class="jmkcbox">
              <div class="jmkctu">
                <a href>
                  <img src="http://ys.fh21.com.cn/uploads/allimg/150120/12_150120171438_1.jpg" alt>
                </a>
              </div>
              <div class="jmkcbt">
                <a href="#">塑身瑜伽</a>
              </div>
            </div>
            <!-- <div class="kcjs">
              <p>产后极速恢复：</p>
              <p>产后塑形普提拉 | 产后修复瑜伽 |</p>
              <p>产后空中运动 | 亲子瑜伽</p>
            </div> -->
          </li>
          <li class="d-top">
            <div class="jmkcbox">
              <div class="jmkctu">
                <a href>
                  <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557299027125&di=f84a8045132389a03ffaa48b207e02eb&imgtype=0&src=http%3A%2F%2Fs9.rr.itc.cn%2Fr%2FwapChange%2F20172_14_20%2Fa637uc209337298980.jpeg" alt>
                </a>
              </div>
              <div class="jmkcbt">
                <a href="#">孕产瑜伽</a>
              </div>
            </div>
            <!-- <div class="kcjs">
              <p>生育教育：</p>
              <p>实用育儿课 | 准爸训练营 | 准爸陪产课</p>
            </div> -->
          </li>
          <li class="d-top">
            <div class="jmkcbox">
              <div class="jmkctu">
                <a href>
                  <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557299173777&di=9e39d36f712723d85b8dc43392510389&imgtype=0&src=http%3A%2F%2Fi1.go2yd.com%2Fimage.php%3Furl%3D0LgNJ1e9XD" alt>
                </a>
              </div>
              <div class="jmkcbt">
                <a href>体态瑜伽</a>
              </div>
            </div>
            <!-- <div class="kcjs">
              <p>艺术胎教：</p>
              <p>色彩晕染 | 趣味手工</p>
              <p>烘焙课 | 主题活动课</p>
            </div> -->
          </li>
          <li class="d-top pc">
            <div class="jmkcbox">
              <div class="jmkctu">
                <a href>
                  <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557299276682&di=2c3bfcfce9c0e6705651a0962b2a06bb&imgtype=0&src=http%3A%2F%2Fsem.g3img.com%2Fg3img%2Fwhyuanquan%2F20140118114342_43741.jpg" alt>
                </a>
              </div>
              <div class="jmkcbt">
                <a href>高温瑜伽</a>
              </div>
            </div>
            <!-- <div class="kcjs">
              <p>母乳指导：</p>
              <p>产后无痛开奶 | 生理性涨奶的指导 |</p>
              <p>堵奶处理 | 追奶 | 离乳指导</p>
            </div> -->
          </li>
          <li class="d-top pc">
            <div class="jmkcbox">
              <div class="jmkctu">
                <a href>
                  <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557299449295&di=1c33f69a46942aea81a9952e3e00b9fc&imgtype=0&src=http%3A%2F%2Fp1.meituan.net%2Fdpdeal%2F05d18a2c6ee8017f64593c261fe92f9230337.jpg" alt>
                </a>
              </div>
              <div class="jmkcbt">
                <a href se_prerender_url="complete">
                  <p>空中瑜伽</p>
                </a>
              </div>
            </div>
          </li>
          <li class="d-top pc">
            <div class="jmkcbox">
              <div class="jmkctu">
                <a href>
                  <img src="../assets/images/img02.png" alt>
                </a>
              </div>
              <div class="jmkcbt">
                <a href>
                  <p>身心疗瑜伽</p>
                </a>
              </div>
            </div>
          </li>
          <li class="d-top pc">
            <div class="ddd">
              <p>...</p>
            </div>
          </li>
          <div class="clearfix"></div>
        </ul>
      </div>
    </div>
    <div class="commen">
      <div class="tensy">
        <div class="ten1">
          <span>经营授权</span>
          <p>拥有得“京瑜伽”品牌使用权获得品牌区域保障权</p>
        </div>
        <div class="ten2">
          <span>协助选址</span>
          <p>总部给一定的选址条件，初步三个意向店面，总部对所选商圈综合分析和考量，确保店面选址合理性</p>
        </div>
        <div class="ten3">
          <span>装修支持</span>
          <p>总部派设计师进行店面设计保证统一风格，个性布局</p>
        </div>
        <div class="ten4">
          <span>加盟培训</span>
          <p>专家级培训讲师团队，系统化培训全程从运营、授课、销售、客服等团队系统培训</p>
        </div>
        <div class="ten5">
          <span>运营指导</span>
          <p>资深运营团队后盾，全程指导全面细致的协助您尽快过渡做成熟的运营管理</p>
        </div>
        <div class="ten6">
          <span>定期督导</span>
          <p>总部各部门负责人组织定期下店，开展针对性/系统性指导让您不断提升增加竞争力</p>
        </div>
        <div class="ten7">
          <span>产品支持</span>
          <p>课程、服务、产品不断推陈出新后可免费到店培训</p>
        </div>
        <div class="ten8">
          <span>总分联动</span>
          <p>定期指定大型活动共享经验与资源</p>
        </div>
        <div class="ten9">
          <span>宣传支持</span>
          <p>在日常活动、网络推广、地面硬广等，有计划的为所有加盟机构免费宣传策划，发布活动新闻</p>
        </div>
        <div class="ten10">
          <span>售后保障</span>
          <p>专设加盟中心运营支持部，提供全程经营指导，第一时间解决问题，让您全程无忧</p>
        </div>
        <div class="clearfix"></div>
      </div>
    </div>
    <div class="tiaojbox">
      <div class="commen">
        <div class="tiaojbt">
          <p>加盟条件</p>
        </div>
        <ul class="tiaojul">
          <li>
            <div class="tjli1">
              <p>了解京瑜伽中心特许者（总部）和被特许者（加盟商）之前的关系，并同意履行相应的权利和义务</p>
            </div>
            <div class="tjli3">
              <img src="../assets/images/104-1.png" alt>
            </div>
          </li>
          <li>
            <div class="tjli2">
              <p>愿意参加京瑜伽中心加盟总部的培训，并接受管理；</p>
            </div>
            <div class="tjli3">
              <img src="../assets/images/104-2.png" alt>
            </div>
          </li>
          <li>
            <div class="tjli1">
              <p>富有创业精神并在当地建立良好的信用；</p>
            </div>
            <div class="tjli3">
              <img src="../assets/images/104-3.png" alt>
            </div>
          </li>
          <li>
            <div class="tjli2">
              <p>京瑜伽的加盟商需具备长期合作意愿，愿意全身心的投入到加盟中心的经营管理并努力维护京瑜伽良好的品牌形象</p>
            </div>
            <div class="tjli3">
              <img src="../assets/images/104-4.png" alt>
            </div>
          </li>
          <li>
            <div class="tjli1">
              <p>有良好的实力资金；</p>
            </div>
            <div class="tjli3">
              <img src="../assets/images/104-5.png" alt>
            </div>
          </li>
          <li>
            <div class="tjli2">
              <p>意向城市经济发达，投资环境良好，京瑜伽加盟商需有备市场潜力和发展前景。</p>
            </div>
            <div class="tjli3">
              <img src="../assets/images/104-6.png" alt>
            </div>
          </li>
          <div class="clearfix"></div>
        </ul>
      </div>
    </div>
    <div class="commen2">
      <div class="cyjmbox">
        <div class="cyjm-z">
          <ul class="cyjmul">
            <li>京瑜伽招商部</li>
            <li>赵经理 13011177745</li>
          </ul>
          <div class="jmdh">
            <span>加盟热线</span>
            <p>13011177745&nbsp;</p>
          </div>
        </div>
        <div class="t105">
          <img src="../assets/images/105.jpg" alt>
        </div>
        <div class="clearfix"></div>
      </div>
    </div>
    <div class="commen">
      <div class="jmlcbox">
        <div class="jmlcbt">
          <p>加盟流程</p>
        </div>
        <div class="jmlc-box">
          <div class="jmlc1">
            <p>初步沟通</p>
            <p>合作洽谈</p>
          </div>
          <div class="t107">
            <img src="../assets/images/107-3.png" alt>
          </div>
          <div class="jmlc3">
            <p>调查报告</p>
            <p>市场调查</p>
          </div>
          <div class="t107">
            <img src="../assets/images/107-3.png" alt>
          </div>
          <div class="jmlc1">
            <p>达成合作</p>
            <p>签署合同</p>
          </div>
          <div class="t107">
            <img src="../assets/images/107-3.png" alt>
          </div>
          <div class="jmlc3">
            <p>总部设计</p>
            <p>规划店面</p>
          </div>
          <div class="t107">
            <img src="../assets/images/107-3.png" alt>
          </div>
          <div class="jmlc1">
            <p>总部培训</p>
            <p>整店输出</p>
          </div>
          <div class="t107">
            <img src="../assets/images/107-3.png" alt>
          </div>
          <div class="jmlc3">
            <p>新店开业</p>
            <p>合作共赢</p>
          </div>
          <div class="clearfix"></div>
        </div>
      </div>
    </div>

    <Footer/>
  </div>
</template>

<script>
import Header from './Header.vue'
import Footer from "./Footer.vue";

export default {
  name: "News",
  props: {
    msg: String
  },
  data() {
    return {
      newList: [
        {
          address: "京瑜伽 · 北京金水路店",
          addressDetail: "金水路731号13层 ",
          phone: "0532-55575686",
          imgUrl: require("../assets/images/img03.png")
        }
      ]
    };
  },
  components: {
    Header,
    Footer
  },
  mounted() {}
};
</script>

<style>
@import "../assets/iconfont/iconfont.css";
body {
  background: #f4f4f4 !important
}
.header_margin-top {
  margin: 0px !important;
  padding-top: 120px !important;
}
.contact-list li {
  float: left;
  width: 570px;
  height: 600px;
  padding: 0px;
  border: 0px solid #ddd;
  text-align: left;
  cursor: pointer;
  margin-bottom: 60px;
  background: #f6ebe1;
}
.contact-list li:nth-child(2),
.contact-list li:nth-child(4),
.contact-list li:nth-child(6),
.contact-list li:nth-child(8),
.contact-list li:nth-child(10) {
  float: right;
}
.contact-list li img {
  width: 100%;
  height: 400px;
}
.contact-list li .bus-list {
  top: 410px;
  left: 0px;
  right: 0px;
  font: normal 12px/30px "Microsoft YaHei";
  color: #5d5652;
  padding: 20px;
}
.contact-list li .bus-list > i {
  font: normal 30px/30px "Airal";
  color: #e95836;
  margin-right: 5px;
}
.contact-list li .bus-list > span {
  font: bold 14px/30px "Airal";
}
.contact-list .detail {
  top: 90px;
  left: -20px;
  z-index: 8;
  width: 65%;
  height: 200px;
  background: #e95836;
  padding: 60px 0px 0px 100px;
  color: #fff;
  font: normal 14px/30px "Microsoft YaHei";
}
.contact-list .detail i.iconfont {
  left: 40px;
  font: normal 50px/90px "Arial";
}
.public-title h2.course:before {
  width: 180px;
}
/*zsjm*/
.jlbbox {
  width: 1200px;
  margin: 20px auto;
}
.jlb1 {
  width: 600px;
  float: left;
  background: url(../assets/images/99.png) no-repeat 34px 15px;
  padding: 54px 40px;
  height: 445px;
  background-color: #fff;
}
.jlb1-span {
  font-size: 26px;
  color: #a15c45;
  line-height: 30px;
  text-align: left;
  padding-left: 50px;
  display: block;
  margin-bottom: 60px;
}
.jlb1 p {
  font-size: 12px;
  color: #5a4e4c;
  text-align: left;
  line-height: 20px;
}
.jlb2ul {
  width: 600px;
  float: right;
}
.jlb2ul li {
  width: 260px;
  float: left;
  margin-left: 40px;
  background: #fff;
  border-bottom: 4px solid #dca484;
  height: 200px;
  padding: 50px 0;
}
.jlb2ul li span {
  font-size: 36px;
  color: #5a4e4c;
  text-align: center;
  line-height: 40px;
  display: block;
}
.jlb2ul li p {
  font-size: 14px;
  color: #5a4e4c;
  text-align: center;
  line-height: 26px;
}
.jlb2ul .mt {
  margin-top: 45px;
}
.qjbox {
  width: 100%;
  margin: 50px auto 20px;
  background: #f0dbcf;
  padding-bottom: 75px;
}
.qjbt {
  width: 100%;
  margin: 20px auto;
  background: url(../assets/images/100.png) no-repeat center;
  padding: 32px 0;
}
.qjbt p {
  font-size: 26px;
  color: #a15c45;
  text-align: center;
  line-height: 30px;
}
.qjul {
  width: 100%;
  margin: 0 auto;
}
.qjul li {
  width: 370px;
  height: 425px;
  background: #fff;
  float: left;
  margin: 0 15px;
  cursor: pointer;
}
.t101box {
  width: 100%;
  height: 425px;
  overflow: hidden;
  position: relative;
}
.t101box1 {
  width: 100%;
  height: 425px;
  border: 1px solid #f7d5dc;
  background: #fff;
  padding: 16px;
}
.tu101 {
  width: 336px;
  height: 215px;
  overflow: hidden;
  margin: 0 auto;
}
.tu101 img {
  width: 100%;
  margin: 0 auto;
}
.tu101bt {
  width: 336px;
  margin: 20px auto;
}
.tu101bt p {
  font-size: 20px;
  color: #9a6859;
  text-align: center;
  line-height: 40px;
}
.tu101wz {
  width: 336px;
  margin: 0 auto;
  height: 66px;
  overflow: hidden;
}
.tu101wz p {
  font-size: 12px;
  color: #5a4e4c;
  line-height: 22px;
  text-align: justify;
}
.t101box2 {
  width: 100%;
  height: 425px;
  background: #ed7e3a;
  position: absolute;
  top: 0;
  z-index: 8;
  padding: 70px 20px;
}
.t101box2 p {
  text-align: justify;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
}
.t101box2 p span {
  font-weight: bold;
  text-align: left;
  font-size: 14px;
  line-height: 30px;
}
.t101box .t101box2 {
  opacity: 0.8;
  top: -100%;
  transition: 0.8s;
}
.t101box .t101box2 {
  top: auto;
  bottom: -100%;
}
.t101box:hover .t101box2 {
  bottom: 0;
}
.fourbt {
  width: 100%;
  margin: 20px auto;
  background: url(../assets/images/99.png) no-repeat center;
  padding: 32px 0;
}
.fourbt p {
  font-size: 26px;
  color: #a15c45;
  text-align: center;
  line-height: 30px;
}
.fourul {
  width: 100%;
  margin: 0 auto;
}
.fourul li {
  width: 570px;
  height: 230px;
  float: left;
  margin: 20px 15px;
  border: 1px solid #f6d0d7;
  background: #fff;
  padding: 40px 70px;
}
.t102 {
  width: 148px;
  height: 140px;
  overflow: hidden;
  float: left;
}
.t102 img {
  width: 100%;
  margin: 0 auto;
}
.t102wz {
  width: 215px;
  float: right;
}
.t102span {
  font-size: 16px;
  color: #2e0e05;
  line-height: 48px;
  text-align: left;
  font-weight: bold;
}
.t102wz p {
  font-size: 14px;
  color: #2e0e05;
  line-height: 26px;
  text-align: justify;
}
.jkbox {
  width: 100%;
  margin: 50px auto 20px;
  background: #f0dbcf;
  padding-bottom: 20px;
}
.jkbt {
  width: 100%;
  margin: 20px auto;
  background: url(../assets/images/100.png) no-repeat center;
  padding: 32px 0;
}
.jkbt p {
  font-size: 26px;
  color: #a15c45;
  text-align: center;
  line-height: 30px;
}
.jmkcul {
  width: 100%;
  margin: 0 auto;
}
.jmkcul li {
  width: 230px;
  float: left;
  margin: 0 5px 50px 5px;
}
.jmkcbox {
  width: 230px;
  height: 246px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
.jmkctu {
  width: 230px;
  height: 246px;
  overflow: hidden;
  margin: 0 auto;
}
.jmkctu img {
  height: 100%;
  -webkit-transform: translate(-5%,0);
  -moz-transform: translate(-5%,0);
  -ms-transform: translate(-5%,0);
  -o-transform: translate(-5%,0);
  transform: translate(-15%,0);
  margin: 0 auto;
}
.jmkcbt {
  width: 100%;
  height: 96px;
  position: absolute;
  top: 150px;
  background: #ed7e3a;
  opacity: 0.8;
  padding: 25px 45px;
}
.jmkcbt a {
  display: block;
  width: 100%;
  font-size: 16px;
  color: #fefefe;
  text-align: center;
  line-height: 46px;
  border-bottom: 1px solid #fff;
}
.jmkcbt a p {
  display: block;
  width: 100%;
  font-size: 16px;
  color: #fefefe;
  text-align: center;
  line-height: 23px;
}
.kcjs {
  width: 100%;
  margin: 4px auto;
  height: 66px;
  overflow: hidden;
}
.kcjs p {
  font-size: 12px;
  color: #a15c45;
  line-height: 22px;
  text-align: left;
}
.ddd {
  width: 100%;
  margin: 0 auto;
}
.ddd p {
  color: #ed7e3a;
  text-align: center;
  line-height: 160px;
  font-size: 120px;
  display: block;
}
.tensy {
  width: 100%;
  margin: 0 auto;
  padding: 50px 0;
  background: url(../assets/images/103.jpg) no-repeat center;
  height: 910px;
}
.ten1 {
  width: 180px;
  float: left;
  margin: 20px auto auto 250px;
}
.ten1 span {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  text-align: right;
  display: block;
}
.ten1 p {
  font-size: 12px;
  color: #5a4e4c;
  text-align: right;
  line-height: 24px;
}
.ten2 {
  width: 180px;
  float: left;
  margin: 160px auto auto -360px;
}
.ten2 span {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  text-align: right;
  display: block;
}
.ten2 p {
  font-size: 12px;
  color: #5a4e4c;
  text-align: right;
  line-height: 24px;
}
.ten3 {
  width: 180px;
  float: left;
  margin: 370px auto auto -410px;
}
.ten3 span {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  text-align: right;
  display: block;
}
.ten3 p {
  font-size: 12px;
  color: #5a4e4c;
  text-align: right;
  line-height: 24px;
}
.ten4 {
  width: 180px;
  float: left;
  margin: 560px auto auto -360px;
}
.ten4 span {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  text-align: right;
  display: block;
}
.ten4 p {
  font-size: 12px;
  color: #5a4e4c;
  text-align: right;
  line-height: 24px;
}
.ten5 {
  width: 180px;
  float: left;
  margin: 710px auto auto -180px;
}
.ten5 span {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  text-align: right;
  display: block;
}
.ten5 p {
  font-size: 12px;
  color: #5a4e4c;
  text-align: right;
  line-height: 24px;
}
.ten6 {
  width: 180px;
  float: right;
  margin: 710px 250px auto auto;
}
.ten6 span {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  text-align: left;
  display: block;
}
.ten6 p {
  font-size: 12px;
  color: #5a4e4c;
  text-align: left;
  line-height: 24px;
}
.ten7 {
  width: 180px;
  float: right;
  margin: 560px -360px auto auto;
}
.ten7 span {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  text-align: left;
  display: block;
}
.ten7 p {
  font-size: 12px;
  color: #5a4e4c;
  text-align: left;
  line-height: 24px;
}
.ten8 {
  width: 100px;
  float: right;
  margin: 370px -340px auto auto;
}
.ten8 span {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  text-align: left;
  display: block;
}
.ten8 p {
  font-size: 12px;
  color: #5a4e4c;
  text-align: left;
  line-height: 24px;
}
.ten9 {
  width: 180px;
  float: right;
  margin: 160px -360px auto auto;
}
.ten9 span {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  text-align: left;
  display: block;
}
.ten9 p {
  font-size: 12px;
  color: #5a4e4c;
  text-align: left;
  line-height: 24px;
}
.ten10 {
  width: 180px;
  float: right;
  margin: 20px -200px auto auto;
}
.ten10 span {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  text-align: left;
  display: block;
}
.ten10 p {
  font-size: 12px;
  color: #5a4e4c;
  text-align: left;
  line-height: 24px;
}
.tiaojbox {
  width: 100%;
  margin: 50px auto 20px;
  background: #fff;
  padding-bottom: 20px;
}
.tiaojbt {
  width: 100%;
  margin: 20px auto;
  background: url(../assets/images/99.png) no-repeat center;
  padding: 32px 0;
}
.tiaojbt p {
  font-size: 26px;
  color: #a15c45;
  text-align: center;
  line-height: 30px;
}
.tiaojul {
  width: 100%;
  margin: 20px auto;
}
.tiaojul li {
  width: 200px;
  height: 215px;
  float: left;
  position: relative;
}
.tjli1 {
  width: 100%;
  height: 180px;
  padding: 30px 20px;
  overflow: hidden;
  margin: 0 auto;
  background: #fef9f6;
}
.tjli1 p {
  font-size: 12px;
  color: #5a4e4c;
  line-height: 20px;
  text-align: justify;
}
.tjli2 {
  width: 100%;
  height: 180px;
  padding: 30px 20px;
  overflow: hidden;
  margin: 0 auto;
  background: #f6fafb;
}
.tjli2 p {
  font-size: 12px;
  color: #5a4e4c;
  line-height: 20px;
  text-align: justify;
}
.tjli3 {
  width: 81px;
  height: 66px;
  position: absolute;
  top: 147px;
  left: 60px;
  z-index: 2;
}
.tjli3 img {
  width: 100%;
  margin: 0 auto;
}
.cyjmbox {
  width: 100%;
  margin: 0 auto;
  padding: 46px 0;
  background: url(../assets/images/106.png) no-repeat center;
  height: 342px;
  overflow: hidden;
}
.cyjm-z {
  width: 420px;
  float: left;
  margin-left: 60px;
  margin-top: 60px;
}
.cyjmul {
  width: 100%;
  margin: 0 auto;
}
.cyjmul li {
  width: 100%;
  padding-left: 5px;
  color: #5a4e4c;
  font-size: 14px;
  line-height: 28px;
}
.jmdh {
  width: 100%;
  border-radius: 12px;
  background: #9a6859;
  margin-top: 20px;
  padding: 5px 14px;
  box-shadow: 0 3px 3px #bd9b8e;
  text-align: left;
}
.jmdh span {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  text-align: left;
  width: 30px;
}
.jmdh p {
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
  text-align: right;
  color: #fff;
  line-height: 22px;
  vertical-align: middle;
  margin-top: -22px;
}
.t105 {
  float: right;
  width: 534px;
  margin-right: 30px;
}
.t105 img {
  width: 100%;
  margin: 0 auto;
}
.jmlcbox {
  width: 100%;
  margin: 50px auto 20px;
  background: #fff;
  padding: 20px 0 50px 0;
}
.jmlcbt {
  width: 100%;
  margin: 20px auto;
  background: url(../assets/images/99.png) no-repeat center;
  padding: 32px 0;
}
.jmlcbt p {
  font-size: 26px;
  color: #a15c45;
  text-align: center;
  line-height: 30px;
}
.jmlc-box {
  width: 1150px;
  margin: 30px auto;
}
.jmlc1 {
  width: 134px;
  height: 115px;
  overflow: hidden;
  float: left;
  padding: 35px 0;
  background: url(../assets/images/107-1.png) no-repeat center;
}
.jmlc1 p {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 22px;
}
.jmlc3 {
  width: 134px;
  height: 115px;
  overflow: hidden;
  float: left;
  padding: 35px 0;
  background: url(../assets/images/107-2.png) no-repeat center;
}
.jmlc3 p {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 22px;
}
.t107 {
  width: 19px;
  float: left;
  margin: 0 25px;
}
.t107 img {
  width: 100%;
  margin: 42px auto;
}
.wyjmbox {
  width: 100%;
  margin: 50px auto 0;
  padding: 35px 30px;
  background: url(../assets/images/108.jpg) no-repeat center;
  height: 235px;
}
.ly2_1 {
  width: 100%;
  margin: 20px auto 0;
}
.t55-box {
  width: 452px;
  float: right;
}
.tu55-b {
  width: 186px;
  float: right;
  margin-right: 10px;
}
.tu55-wz {
  width: 12px;
  float: left;
  margin-right: 10px;
}
.tu55-wz p {
  font-size: 12px;
  color: #e47748;
  line-height: 14px;
  text-align: left;
}
.qjbox {
  width: 100%;
  margin: 50px auto 20px;
  background: #f0dbcf;
  padding-bottom: 75px;
}
.sylxwm1 {
  width: 100%;
  margin: 0 auto;
  background: url(../assets/images/53.jpg) no-repeat center;
  height: 320px;
  padding: 20px;
}
.tu57 {
  width: 118px;
  float: left;
}
.tu57 img {
  width: 100%;
  margin: 0 auto;
}
.lybox {
  width: 400px;
  float: left;
  margin-left: 20px;
}
.ly1 {
  width: 100%;
  margin: 0 auto;
}
.radio_box {
  display: inline-block;
  position: relative;
  width: 90px;
}
.radio_box label {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 7px;
  left: -3px;
  border: 1px solid #d29d7f;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}
.radio_box input:checked + label:after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 3px;
  left: 3px;
  background: #d29d7f;
  border-radius: 50%;
}
.radio_box p {
  font-size: 12px;
  color: #795d55;
  line-height: 30px;
  text-align: left;
  display: inline-block;
  width: 60px;
}
.ly2 {
  width: 100%;
  margin: 10px auto;
}
.ly2-1 {
  width: 100%;
  margin: 0 auto;
}
.ly2-1-1 {
  width: 196px;
  border: 1px solid #e7c2ac;
  float: left;
  margin-bottom: 10px;
}
.ly2-1-1 input {
  width: 100%;
  border: none;
  background: #fff;
  padding-left: 5px;
  font-size: 12px;
  color: #795d55;
  line-height: 30px;
  text-align: left;
}
.ly2-1-2 {
  width: 196px;
  border: 1px solid #e7c2ac;
  float: right;
  margin-bottom: 10px;
}
.ly2-1-2 input {
  width: 100%;
  border: none;
  background: #fff;
  padding-left: 5px;
  font-size: 12px;
  color: #795d55;
  line-height: 30px;
  text-align: left;
}
.ly2-1-3 {
  width: 196px;
  border: 1px solid #e7c2ac;
  float: left;
  margin-bottom: 10px;
}
.ly2-1-3 input {
  width: 100%;
  border: none;
  background: #fff;
  padding-left: 5px;
  font-size: 12px;
  color: #795d55;
  line-height: 30px;
  text-align: left;
}
.ly2-1-4 {
  width: 196px;
  border: 1px solid #e7c2ac;
  float: right;
  margin-bottom: 10px;
}
.ly2-1-4 input {
  width: 100%;
  border: none;
  background: #fff;
  padding-left: 5px;
  font-size: 12px;
  color: #795d55;
  line-height: 30px;
  text-align: left;
}
.ly2-2 {
  width: 100%;
  border: 1px solid #e7c2ac;
  margin: 0 auto;
  height: 92px;
  overflow: hidden;
}
.ly2-2 textarea {
  border: none;
  resize: none;
  width: 100%;
  padding: 5px;
  font-size: 12px;
  color: #795d55;
  line-height: 30px;
  text-align: justify;
  height: 90px;
}
.ly2-3 {
  width: 100%;
  margin: 10px auto;
}
.tjcz {
  float: right;
  width: 200px;
}
.tj {
  width: 96px;
  float: left;
  margin-right: 8px;
  box-shadow: 1px 1px 1px #e47748;
}
.tj input {
  width: 100%;
  border: none;
  line-height: 30px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: #e47748;
  cursor: pointer;
}
.cz {
  width: 96px;
  float: left;
  box-shadow: 1px 1px 1px #5b4642;
}
.cz input {
  width: 100%;
  border: none;
  line-height: 30px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: #5b4642;
  cursor: pointer;
}
.t55box {
  width: 452px;
  float: right;
  margin-top: 100px;
}
.tu55b {
  width: 186px;
  float: left;
  margin-right: 40px;
}
.tu55wz {
  width: 12px;
  float: left;
  margin-right: 10px;
}
.tu55wz p {
  font-size: 12px;
  color: #e47748;
  line-height: 14px;
  text-align: left;
}
.tu55 {
  width: 164px;
  height: 156px;
  float: left;
}
.tu55 img {
  width: 100%;
  margin: 0 auto;
}
.commen2 {
  width: 1160px;
  margin: 0 auto;
  overflow: hidden;
}
.cyjm-z {
  width: 420px;
  float: left;
  margin-left: 60px;
  margin-top: 60px;
}
.cyjmul {
  width: 100%;
  margin: 0 auto;
}
.cyjmul li {
  width: 100%;
  padding-left: 5px;
  color: #5a4e4c;
  font-size: 14px;
  line-height: 28px;
  text-align: left;
}
</style>
